<template>
  <div class="ccui-app-container fine-repot">
    <div class="finereport-operate-bar no-print">
      <div class="title">例外采购计划及执行信息查询</div>
      <div class="btn-bar">
        <!--        <el-button-->
        <!--          size="mini"-->
        <!--          type="primary"-->
        <!--          icon="icon-ccui-print"-->
        <!--          style="float: right;margin-left: 8px"-->
        <!--          @click="handlePrintAll"-->
        <!--          >打印全部-->
        <!--        </el-button>-->
        <!--        <el-button-->
        <!--          size="mini"-->
        <!--          type="primary"-->
        <!--          icon="icon-ccui-print"-->
        <!--          style="float: right;margin-left: 8px"-->
        <!--          @click="handlePrint"-->
        <!--          >打印当前页-->
        <!--        </el-button>-->
        <!--        <el-button-->
        <!--          size="mini"-->
        <!--          type="primary"-->
        <!--          style="float: right;"-->
        <!--          @click="fineExport(filePath, printOption, 'pdf')"-->
        <!--          >当前页导出PDF-->
        <!--        </el-button>-->
        <!--@click="fineExport(filePath, printOption, 'excel')" 分页导出-->
        <el-button
          size="mini"
          type="primary"
          icon="el-icon-document"
          style="float: right;"
          @click="fineExportAll('simple')"
          >导出EXCEL
        </el-button>
      </div>
    </div>
    <iframe
      class="no-print"
      id="reportFrame"
      :src="finePageUrl"
      frameborder="0"
    ></iframe>
    <div id="print-page" class="print"></div>
  </div>
</template>

<script>
import fineReport from "@/config/mixins/fineReport";
export default {
  name: "fine-report",
  mixins: [fineReport],
  data() {
    return {
      filePath: "smp_report/smp_report%252Fexceptional_plan.cpt",
      encodedFilePath: "smp_report%252Fexceptional_plan.cpt"
    };
  }
};
</script>

<style lang="scss">
@import "~@/config/styles/finereport.scss";
</style>
